import React, { Component } from "react";

export default class NoCtrlComp extends Component {
  // 1.0 在类组件内部使用React.createRef()方法创建一个属性，属性名称可以自己定义
  txtref = React.createRef();

  handerClick = () => {
    // 3.0 通过this.txtref.current获取到当前的dom元素
    console.log(this.txtref.current);
    console.log(this.txtref.current.value); // 获取值
    this.txtref.current.value = "ivan"; //赋值
  };
  render() {
    return (
      // 2.0 使用ref = {this.txtref} 绑定起来
      <div>
        <input type="text" ref={this.txtref} />

        <button onClick={this.handerClick}>获取值</button>
      </div>
    );
  }
}
